﻿@using RuoVea.ExUtil;

@using Microsoft.Extensions.Options

@{
    ViewData["Title"] = "作业";
    Layout = "";
}
<!DOCTYPE html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewData["Title"] - MES管理系统</title>
    <link href="/elementui/index.css" rel="stylesheet" />
    <link href="/elementui/index.extend.css?v=22" rel="stylesheet" />
    <style scoped>


    </style>
</head>
<body>
    <div id="main" v-cloak style="width:600px;">

        <ul>
            <li>{{ $t("navigateBar.hotspot") }}</li>
            <li>{{ $t("navigateBar.experience") }}</li>
            <li>{{ $t("navigateBar.focus") }}</li>
            <li>{{ $t("navigateBar.recommend") }}</li>
        </ul>
        <ol>
            <li>{{ $t("tabs.work") }}</li>
            <li>{{ $t("tabs.private") }}</li>
            <li>{{ $t("tabs.collect") }}</li>
            <li>{{ $t("tabs.like") }}</li>
        </ol>

    </div>


    <script type="text/javascript" src="/vue/vue.js?v=2.0"></script>
    <script type="text/javascript" src="/vue/vue-i18n.min.js?v=2.0"></script>
    <script type="text/javascript" src="/elementui/index.js"></script>
    <script type="text/javascript" src="/elementui/index.extend.js"></script>
    <script type="text/javascript" src="/vue/axios.min.js"></script>
    <script>
        let en = {
            navigateBar: {
                hotspot: 'Hotspot',
                experience: 'Experience',
                focus: 'Focus',
                recommend: 'Recommend'
            },
            tabs: {
                work: 'Work',
                private: 'Private',
                collect: 'Collect',
                like: 'Like'
            }
        }

        let zh = {
            navigateBar: {
                hotspot: '热点',
                experience: '经验',
                focus: '关注',
                recommend: '推荐'
            },
            tabs: {
                work: '作品',
                private: '私密',
                collect: '收藏',
                like: '喜欢'
            }
        }
        i18n.locale = 'en'
        // 组合语言包对象
        const messages = {
            en,
            zh
        };

       
        const i18n = new VueI18n({
            locale: en,//locale: navigator.language // 获取浏览器的语言
            messages
        });
        console.log(i18n)
        var $taskVue = new Vue({
            el: "#main",
            i18n,
        });

    </script>
</body>
</>
